<template>
 <div id="unit" class="span">
   <validator name='v'>
     <form  novalidate class="form-horizontal">
       <div class="row" style="margin:10px 0px 0px 0px;">
         <div class="from-group" :class="[$v.f_hybridprice1.required ? 'has-error' : 'has-success']">
           <label for="f_hybridprice1" class="col-sm-2 control-label">单价1:</label>
           <div class="col-sm-3">
             <input class="form-control" type="number" v-model="mixmodel[0].f_price"
              v-validate:f_hybridprice1='{required: true }'  placeholder="单价1">
           </div>
         </div>
         <div :class="[$v.f_ratio.required ? 'has-error' : 'has-success']">
           <label for="f_ratio" class=" col-sm-2 control-label">所占比例:</label>
           <div class="col-sm-3">
             <input class="form-control" type="number" v-model="mixmodel[0].f_ratio"
             v-validate:f_ratio='{required: true }'  placeholder="所占比例">
           </div>
         </div>
       </div>
       <div class="row" style="margin:10px 0px 0px 0px;">
         <div :class="[$v.f_hybridprice2.required ? 'has-error' : 'has-success']">
           <label for="f_hybridprice2"  class=" col-sm-2 control-label">单价2:</label>
           <div class="col-sm-3">
             <input class="form-control" type="number" v-model="mixmodel[1].f_price"
             v-validate:f_hybridprice2='{required: true }'  placeholder="单价2">
           </div>
         </div>
       </div>
     </form>
   </validator>
 </div>
</template>
<script>
/**
*阶梯气价管理组件
*/
export default {
  data () {
    return {
    }
  },
  props: ['mixmodel']
}
</script>
<style>
</style>
